import { useState } from "react";
// 受控绑定表单
// 1.声明一个 react 状态 存储输入框的数据
// 2.为input标签的value属性绑定react状态，在onChange事件中更新react状态
function App() {
  const [name, setName] = useState("张三");
  return (
    <div>
      <label>
        请输入姓名：
        <input
          type="text"
          value={name}
          onChange={(e) => setName(e.target.value)}
        />
      </label>
    </div>
  );
}

export default App;
